<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="实训.css" />
    <title>Document</title>
  </head>

  <body>
    <div class="wrapper">
      <header>
        <section class="section1">
          <div class="logo"><a href="#">AMBITIOUS</a></div>
          <nav>
            <ul>
              <li><a href="#">Home</a></li>
              <li><a href="#">Features</a></li>
              <li><a href="#">Pages</a></li>
              <li><a href="#">News</a></li>
              <li><a href="#">Portfolio</a></li>
              <li><a href="#">Contacts</a></li>
            </ul>
          </nav>
        </section>
        <section class="section2">
          <img class="leftimg" src="img/ambitios_pic1.png" alt="" />
          <article>
            <h3>
              Women Prefer <br />
              Pastel Colored Flowers
            </h3>
            <p>
              Flowers were used to signal meanings in the time when social
              meetings between men and women was difficult. Lilies make people
              think of life. Red roses make people think of love, beauty, and
              passion.
            </p>
            <p>Everyone love flowers, but some just don't know that they do.</p>
          </article>
          <a href="#">
            <img
              src="img/ambitios_footer_button.png"
              alt=""
              width="200px"
              height="66px"
            />
          </a>
        </section>
      </header>

      <div class="content">
        <section>
          <h3>
            <a href="#"
              >Wide Range Of <br />
              Header Sliders</a
            >
          </h3>
          <p>We already have 3 absolutely different sliders, such as:</p>
          <ul>
            <li>Simple but stylish JCycle</li>
            <li>Famous 3d slider</li>
            <li>Carousel slider</li>
          </ul>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
            condimentum, massa eu
          </p>
        </section>
        <section>
          <h3>
            <a href="#"
              >Theme That Really <br />
              Meets Your <br />
              Requirements</a
            >
          </h3>
          <p>Ambitious perfect for almost any kind of websites.</p>
          <p>
            Soft, clean, friendly design of this theme, won't leave your website
            visitors indifferent.
          </p>
          <p>
            This theme has no face, you can make it unrecognizable but still
            amazing, no one will blame you for template
          </p>
          <p>
            Medium layout is good for mixed content, such as: video, images, and
            etc. in one gallery.
          </p>
        </section>
        <section>
          <h3>
            <a href="#"
              >Variety Of <br />
              Portfolio <br />
              Layouts</a
            >
          </h3>
          <p>Currently we have 3 portolfio layouts.</p>
          <p>Simple image gallery, that is perfect for photos.</p>
          <p>
            Big image preview with description, perfect for designers to show
            their works in all beauty.
          </p>
        </section>
        <section>
          <h3>
            <a href="#">
              Lovely <br />
              Theme Colors</a
            >
          </h3>
          <p>
            This Theme comes with 11 different color variations and will have
            more in our upcoming updates.
          </p>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
            condimentum, massa eu accumsan pellentesque, felis metus imperdiet
            est.
          </p>
        </section>
      </div>

      <footer>
        <div>&copy; 2013 Seeking knowledge school. All rights reserved.</div>
      </footer>
    </div>
  </body>
</html>
